<template>
	<view class="okItem">
		<view class="ok-bg"></view>
		<view class="ok-tips">订单支付成功</view>
		<view class="backBtn" @click="back">返回</view>
	</view>


</template>

<script>
	import {
		postNewsDetail,
		shopcategory,
		shoplist
	} from "../../api/home.js";
	import {
		url
	} from "../../utils/url.js";
	export default {
		data() {
			return {
				show: true,
				text: 20,
				current: 0,
				activeStyle: {
					color: '#000000',
					fontWeight: 'bold',
					transform: 'scale(1.05)'
				},
				inactiveStyle: {
					color: '#808080',
					transform: 'scale(1)'
				},
				q: "",
				cate_id: "",
				lng: "",
				lat: "",
				newDetail: {}, // 咨询详情
				list4: [],
				shoplist: []
			}
		},
		onLoad() {
		},
		methods: {
			back() {
				uni.navigateBack({
					delta: 2
				})
			},
		}
	}
</script>

<style>
	page{
		background-color: white;
		  
	}
	.okItem{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.ok-tips{
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #4D4D4D;
		line-height: 100rpx;
	}
	.closeIcon{
		width: 38rpx;
		height: 38rpx;
		background-image: url('@/static/images/close.png');
		background-repeat: round;
		content: "";
		z-index: 10;
		position: absolute;
		bottom: -60rpx;
	}
	.backBtn {
		margin-top: 50rpx;
		color: white;
		border-radius: 44rpx;
		display: flex;
		align-items: center;
		justify-content: center;
 		background: linear-gradient(90deg,#0DE3AC ,  #98E05F);
 		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 88rpx;
		width: 408rpx;
		height: 88rpx;
	}
	.show-qrcode {
		width: 560rpx;
		height: 570rpx;
		background: #FFFFFF;
		border-radius: 30rpx;
		padding:30rpx 40rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.tips {
		text-align: center;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #000000;
		line-height: 69rpx;
	}

	.ok-bg {
		width: 489rpx;
		height: 308rpx;
		background-image: url('https://d-youpin.bigchun.com/assets/image/payOk.png');
		background-repeat: round;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 100rpx;
	}

	.qrCode {
		width: 278rpx;
		height: 278rpx;
	}

	.yh-icon {
		width: 26rpx;
		height: 26rpx;
		background: #F5750A;
		font-size: 10rpx !important;
		border-radius: 4rpx;
		content: "惠";
		color: white;
		margin-right: 4rpx;
		text-align: center;
	}

	.order-list {
		background-color: white;
		padding: 0 40rpx;
		margin-bottom: 40rpx;
	}

	.item1 {
		display: flex;
		border-bottom: 1px solid #DCDCDC;
	}

	.shop-name {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #000000;
		line-height: 86rpx;
		flex: 1;
	}

	.status {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FF3434;
		line-height: 86rpx;
	}

	.item2 {
		display: flex;
		padding: 30rpx 0;
		border-bottom: 1px solid #DCDCDC;
	}

	.sp-image {
		width: 164rpx;
		height: 164rpx;
		flex: 1;
	}

	.good-Info {
		margin-left: 20rpx;
		flex: 3;
	}

	.good-name {
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #000000;
		line-height: 69rpx;
	}

	.good-yh {
		font-size: 22rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #000000;
		display: flex;
		/* 		line-height: 69rpx; */
	}

	.good-price {
		flex: 3;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FF3434;
		line-height: 69rpx;
	}

	.good-num {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #000000;
		line-height: 69rpx;
	}

	.item3 {
		width: 750rpx;
		height: 114rpx;
		background: #FFFFFF;
		display: flex;
		align-items: center;
	}

	.order-num {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #808080;
		line-height: 69rpx;
		flex: 2;
	}

	.cancelBtn {
		background-color: rgba(238, 238, 238, 1);
		color: white;
		width: 170rpx;
		height: 72rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 35px;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #4D4D4D;
		line-height: 72rpx;
		margin-right: 30rpx;
	}

	.useBtn {

		width: 170rpx;
		height: 72rpx;
		color: white;
		border-radius: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: linear-gradient(to right, #98E05F, #0DE3AC);
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 72rpx;
	}
	
</style>
